<div class="span4" ms-if="!noCategory">
    <div class="search-options-picker">

        <div ms-repeat="navSearchList" class="search-nav-pills">
            <p>{{el.title}}</p>
            <ul class="nav nav-pills" id="">
                <li ms-repeat-c="el.collections" ms-class-active="c.guid == returnCurrent(el.name)">
                    <a ms-click="changeCategory($event,el.name,c,this)" ms-attr-title="c.name " ms-attr-data-id="c.guid">{{ c.name }}</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div ms-class-span8="!noCategory">
    <div class="of-h po-r">
        <ul class="nav nav-tabs tabs" ms-if="!noCategory">
            <li ms-repeat="orders" ms-class-active="el==currentOrder">
                <a ms-click="changeOrders($event,el,this)" ms-attr-data-order="el.order">{{el.title}}</a>
            </li>
        </ul>
        <div class="toggle-grid-btn-group list-grid-toggle-wraper">
            <a ms-repeat="toggleBtns" class="ico" ms-class-on="el.style==currentStyle" ms-click-on="changeStyle(el)" ms-class="{{el.style}}">{{el.title}}</a>
        </div>
        <li ms-if="!collections.length">
            <div class="alert mt_10">{{searchLang.noresult}}</div>
        </li>
        <div ms-visible="toggleStyle" class="videolist body single-line-videolist p-t5 ">
            <ul>
                <li ms-repeat-el="collections">
                    <div class="video-photo" style="">
                        <a ms-attr-href="el.href" ms-attr-title="el.title">
                        <img ms-attr-src="$sitePath+(el.coverUri||el.coverHash)" ms-attr-title="el.title" ms-data-original="el.cover" ms-on-error="$failedImgFunc(this)" />
                        <a ms-if="el.update" ms-attr-href="el.update.href" ms-attr-title="el.update.title" class="updatelist" target="_blank"><em>{{el.update.title}}</em></a>
                    </div>
                    <div class="video-infos">
                        <div class="title">
                            <a ms-attr-href="el.href" ms-attr-title="el.title">{{el.title}}</a>
                        </div>
                        <p class="others-info">
                            <span class="author">
                                {{el.speaker}}
                            </span>
                        </p>
                    </div>
                </li>
                <li class="left_fix">&nbsp;</li>
                <li class="left_fix">&nbsp;</li>
                <li class="left_fix">&nbsp;</li>
            </ul>
        </div>
        <div ms-visible="!toggleStyle" class="videolist-table ">
            <ul>
                <li ms-repeat-el="collections">
                    <div class="video-photo-td">
                        <div class="video-photo">
                            <a ms-attr-href="el.href" ms-attr-title="el.title">
                                <img ms-attr-src="$sitePath+(el.coverUri||el.coverHash)" ms-attr-title="el.title" ms-data-original="el.cover" ms-on-error="$failedImgFunc(this)" />
                            </a>
                            </a>
                            <div class="video-photo-inline-infos">
                                <div class="video-photo-inline-infos-bg"></div>
                                <div class="video-photo-inline-infos-content">
                                    <span class="view_count" title=""><span class="ico ico-video-ico"></span>{{ el.VideoView }}
                                    </span>
                                    <span class="view_count" title=""><span class="ico ico-grallery-ico"></span> {{el.CommentCount}}
                                    </span>
                                </div>
                            </div>
                        </div>

                    </div>
                   

                    <div class="video-infos-td">
                        <div class="video-infos-more-td">
                            {{el.collectionsCount}}
                        </div>
                        <div class="video-infos">
                            <div class="title" style="font-weight:normal">
                                <a ms-attr-href="el.href" ms-attr-title="el.title" target="_blank">
                              {{el.title}}
                            </a>
                            </div>
                            <p class="others-info">
                                <span class="author">
                               {{el.author}}
                            </span>
                                <span class="domain">
                               {{el.domain}}
                            </span>
                            </p>
                        </div>
                        <div class="video-info-more">
                            <ul>
                                <li class="left_fix">
                                    <i class="ico dot-blue-icon"></i>
                                    <span class="time-point">123</span>
                                    <span class="time-point-info">123</span>
                                </li>
                                <li class="left_fix">
                                    <i class="ico dot-blue-icon"></i>
                                    <span class="time-point">123</span>
                                    <span class="time-point-info">123</span>
                                </li>
                                <li class="left_fix">
                                    <i class="ico dot-blue-icon"></i>
                                    <span class="time-point">123</span>
                                    <span class="time-point-info">123</span>
                                </li>
                                <li class="left_fix">
                                    <i class="ico dot-blue-icon"></i>
                                    <span class="time-point">123</span>
                                    <span class="time-point-info">123</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="pull-right">
            <div ms-widget="pager, albumtablewidgetpager,pager"></div>
        </div>
    </div>
